<div class="audio-list wp-20" ui-view="container">
    <div class="head_title">
        <span class="jump-color" ui-sref="main.transcodings">转码管理</span>
        <span class="jump-color" ui-sref="main.transcoding.programs({albumId:albumId,pageNo:1})"> / 节目详情</span>
        <span class="tit-color"> / 文件详情</span>
    </div>
    <div class="searchWapper white-background">
        <label class="album-title">{{program.albumName}}</label> <label class="album-title">{{program.programName}} </label>节目ID:{{programId}}

    </div>

    <uib-tabset ng-if="$state.current.name=='main.transcoding.programs.detail'" active="search.mode" class="content-margin">
        <uib-tab index="'audio'" heading="音频转码" ng-click="modeChange(search.mode)" >
            <div class="white-background" style="border-bottom: 1px solid #e2dedf;margin-bottom: 10px">
                <div class="col-lg-4 " style="padding-top: 20px">
                    <video ng-src="{{$sce.trustAsResourceUrl(program.origAudioUrl)}}" controls="controls"></video>
                    <div class="audio-info">
                        <label>{{program.audio.format}}</label>
                        <label>{{program.origAudioBitRate}}kbps</label>
                        <label>{{program.origAudioSamplingRate/1000}}khz</label>
                        <label>{{program.duration}}</label>
                        <label>{{table[program.audio.channels]}}</label>
                    </div>
                </div>
                <div class="col-lg-2 white-background" style="padding-top: 20px;margin-left: 40px">
                    <a href="{{program.origAudioUrl}}" download class="btn btn-primary"> 下载</a>
                </div>
                <div class="clear"></div>
            </div>

            <div c>
                <div  class="audio white-background" ng-repeat="audio in audioList" style="margin-bottom: 10px">
                    <div class="col-lg-3 " style="width: 33%" ng-class="{'success':audio.convertStatus==90,'pending':audio.convertStatus==91,'error':audio.convertStatus==92}">
                        <h5>{{program.programName}}</h5>
                        <div class="audio-info">
                            <label>{{audio.format}}</label>
                            <label>{{audio.bitRate}}kbps</label>
                            <label>{{audio.samplingRate/1000}}khz</label>
                            <label>{{program.duration}}</label>
                            <label>{{table[audio.channels]}}</label>
                        </div>
                    </div>
                    <div class="col-lg-4" >
                        <video ng-src="{{$sce.trustAsResourceUrl(audio.webUrl)}}" style="width: 300px;margin-top: 15px" controls="controls"></video>
                    </div>
                    <div class="col-lg-2" >
                        <div style="margin-top: 10px" title="开始时间"><i class="fa fa-calendar-check-o" aria-hidden="true"></i> {{audio.startTime}}</div>
                        <div style="margin-top: 10px" title="转码成功时间" ng-show="audio.convertStatus==90"><i class="fa fa-check-circle" aria-hidden="true"></i> {{audio.cTime}}</div>
                        <div style="margin-top: 10px" title="转码失败时间" ng-show="audio.convertStatus==92"><i class="fa fa-window-close" aria-hidden="true"></i>{{audio.cTime}}</div>
                        <div style="margin-top: 10px" title="转码等待" ng-show="audio.convertStatus==91"><i class="fa fa-clock-o" aria-hidden="true"></i>-----</div>
                    </div>
                    <div class="col-lg-2">
                        <a href="{{audio.webUrl}}" download class="btn btn-primary pull-right" style="margin-top: 20px"> 下载</a>
                        <a class="btn btn-primary pull-right" ng-click="audioReconvert(audio)" style="margin-top: 20px"> 重转</a>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="clear"></div>

            </div>

        </uib-tab>



        <uib-tab index="'image'" heading="图片转码" ng-click="modeChange(search.mode)">


            <div class="white-background">
                <img style="width: 150px;padding: 20px 10px" ng-src="{{program.programCover}}">
                <a class="btn btn-primary" ng-href="{{program.programCover}}"  target= "_blank">预览</a>
            </div>

            <div class="white-background" style="height: 400px;">
                <div ng-repeat="image in images" style="display: inline-block;vertical-align: middle;padding:10px;">
                    <div style="text-align: center">{{image.imageWidth}}x{{image.imageHeight}}</div>
                    <img ng-src="{{image.url}}" style="padding-bottom: 5px">


                    <div style="text-align: center"><button class="btn btn-primary" ng-click="imageReconvert(image)" style="margin-right: 0!important">重转</button></div>
                    <div class="clear"></div>

                </div>
                <div class="clear"></div>
            </div>
        </uib-tab>
    </uib-tabset>



    <!--<a ui-sref="campaigns.detail({campaignsId:1})"  ui-sref-opts="{inherit:false}">aaaaa</a>-->
</div>
